@charset "utf-8";

*,

*:before,

*:after {

  margin: 0;

  padding: 0;

  font-style: normal;

  list-style: none;

}

html,

body {

  width: 100%;

  height: 100%;

}

body {

  font-size: 14px;

  color: #666;

  font-family: "Microsoft YaHei", "SimSun", "Helvetica Neue", Arial, Helvetica, sans-serif;

  min-width: 1200px;

}

a {

  color: #666;

  text-decoration: none;

  cursor: pointer;

  outline: 0;

  transition: all 0.7s;

}

a:active {

  outline: 0;

}

a:hover {

  outline: 0;

  color: #00256C;

  text-decoration: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

  margin: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

em,

i {

  font-style: normal;

}

img {

  vertical-align: middle;

}

input,

select,

textarea {

  font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;

}

textarea {

  overflow: auto;

}

input:focus,

textarea:focus,

button:focus,

select:focus {

  outline: 0;

}

input::-ms-clear {

  display: none;

}

.clearfix,

.clear:after,

.container:after {

  width: 100%;

  clear: both;

  line-height: 0;

  display: block;

  overflow: hidden;

  zoom: 1;

  font-size: 0;

  content: '.';

}

.container {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.onetext{clear:both; padding:20px 0 0; text-align:center; color:#666;}

.onetext a{color:#666;}

.in_link{background:#fff; overflow:hidden; }

.linklink{width:1200px; margin:0 auto; padding-bottom:20px; line-height:24px;}

.linklink a{padding-right:5px;}

/* header */

header {

  width: 100%;

  overflow: hidden;

}

header .top {

  background: #f5f5f5;

  border-bottom: 1px solid #eee;

  font-size: 12px;

  height: 36px;

  line-height: 36px;

  color: #888;

}

header .top a {

  color: #888;

  padding: 0 5px;

}

header .top a:hover {

  color: #00256C;

}

header .top .welcome {

  float: left;

}

header .top .href {

  float: right;

}

header > .container {

  padding: 15px 0;

}

header .logo {

  float: left;

}

header .logo img {

  height: 80px;

  width: auto;

}

header .logoinfo {

  float: left;

  background: url(../images/head_line.png) left center no-repeat;

  height: 80px;

  padding: 0 0 0 20px;

  margin: 0 0 0 20px;

  font-size: 16px;

}

header .logoinfo .bold {

  font-weight: bold;

  font-size: 22px;

  padding: 12px 0 10px 0;

}

header .logoinfo span {

  color: #333333;

}

header .tel {

  float: right;

  position: relative;

  padding: 0 0 0 55px;

  line-height: 1.3;

  margin-top: 18px;

}

header .tel .iconfont {

  position: absolute;

  left: 0px;

  top: -5px;

  font-size: 46px;

}

header .tel b {

  font-size: 24px;

  color: #333333;

}

/* nav */

nav {

  width: 100%;

  height: 50px;

  line-height: 50px;

  background: url(../images/nav_bj.jpg) center center repeat;

}

nav li {

  float: left;

  background: url(../images/nav_line.png) left center no-repeat;

  padding-left: 2px;

  position: relative;

  z-index: 999;

}

nav li > a {

  display: block;

  overflow: hidden;

  font-size: 16px;

  color: #fff;

  padding: 0 33px;

}

nav li .sub {

  display: none;

  position: absolute;

  left: 0px;

  min-width: 100%;

  white-space: nowrap;

  text-align: center;

}

nav li .sub a {

  display: block;

  overflow: hidden;

  margin-left: 2px;

  background: rgba(0, 0, 0, 0.5);

  padding: 0 20px;

  color: #fff;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  line-height: 40px;

}

nav li .sub a:hover {

  background: #00256C;

  color: #fff;

}

nav li:first-child {

  padding-left: 0;

  background: none;

}

nav li:hover > a,

nav li.on > a {

  background: #333333;

  color: #fff;

}

/* footnav */

.footnav {

  width: 100%;

  overflow: hidden;

  height: 50px;

  line-height: 50px;

  background: #545454;

}

.footnav ul {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

}

.footnav ul li {

  color: #ccc;

}

.footnav ul li a {

  display: block;

  overflow: hidden;

  color: #fff;

  padding: 0 18px;

}

.footnav ul li a:hover {

  color: #00256C;

}

/* footer */

footer {

  width: 100%;

  overflow: hidden;

  padding: 30px 0;

}

footer .logo {

  height: 150px;

  margin: 0 30px 0 60px;

  width: 250px;

  float: left;

  position: relative;

  overflow: hidden; line-height:150px

}

footer .logo img {

  width: 220px;

}

footer .logo:before {

  width: 1px;

  position: absolute;

  top: 6px;

  bottom: 6px;

  right: 0px;

  background: #eee;

  content: "";

}

footer .copy {

  width: 495px;

  float: left;

  overflow: hidden;

  line-height: 30px;

}

footer .copy a:hover {

  color: #00256C;

}

footer .copy .icp {

  color: #888;

}

footer .copy .icp a {

  color: #888;

}

footer .copy .icp a:hover {

  color: #00256C;

}

footer .ewm {

  float: right;

  margin-right: 60px;

}

footer .ewm li {

  float: left;

  margin-left: 25px;

  text-align: center;

}

footer .ewm li img {

  width: 110px;

  height: 110px;

  padding: 4px;

  border: 1px dotted #d7d7d7;

  margin-bottom: 5px;

}

footer .ewm li:first-child {

  margin-left: 0px;

}

/* backtop */

.backtop {

  width: 25px;

  height: 69px;

  position: fixed;

  left: 50%;

  margin-left: 620px;

  bottom: 20px;

  background: url(../images/backtop.png);

  z-index: 999;

  cursor: pointer;

}

/* search */

.search {

  width: 100%;

  overflow: hidden;

  padding: 10px 0;

  box-shadow: 0 0 10px #eee;

}

.search .key {

  float: left;

  line-height: 30px;

  height: 30px;

  overflow: hidden;

  width: 900px;

}

.search .key dt {

  float: left;

  font-weight: bold;

  color: #00256C;

}

.search .key dd {

  float: left;

  margin-right: 10px;

}

.search .key dd a {

  color: #888;

}

.search .key dd a:hover {

  color: #00256C;

}

.search .box {

  float: right;

}

.search .box input[type='text'] {

  width: 200px;

  height: 30px;

  border: 1px solid #eee;

  padding: 0 10px;

  float: left;

}

.search .box input[type='submit'] {

  width: 50px;

  height: 30px;

  background: #00256C;

  color: #fff;

  border: 0;

  float: left;

  cursor: pointer;

  transition: all 0.7s;

}

.search .box input[type='submit']:hover {

  background: #00256C;

}

/* banner */

.banner {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.banner a {

  display: block;

  overflow: hidden;

  width: 100%;

  height: 500px;

  background-position: center top;

  background-repeat: no-repeat;

}

.banner .banner_next,

.banner .banner_prev {

  top: 50%;

  width: 40px;

  line-height: 70px;

  margin-top: -35px;

  position: absolute;

  color: #fff;

  background: rgba(0, 0, 0, 0.4);

  font-size: 30px;

  text-align: center;

  z-index: 5;

  transition: all 0.7s;

  cursor: pointer;

  outline: 0;

  opacity: 0;

}

.banner .banner_next:hover,

.banner .banner_prev:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0.7);

}

.banner .banner_next {

  right: 2%;

}

.banner .banner_prev {

  left: 2%;

}

.banner .swiper-pagination-bullets {

  bottom: 15px;

  position: absolute;

  z-index: 5;

  text-align: center;

}

.banner .swiper-pagination-bullets .swiper-pagination-bullet {

  width: 44px;

  height: 7px;

  border-radius: 10px;

  cursor: pointer;

  margin: 0 6px;

  background: none;

  opacity: 1;

  background: rgba(162, 162, 162, 0.8);

}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {

  background: rgba(0, 37, 108, 0.8);

}

.banner:hover .banner_next,

.banner:hover .banner_prev {

  opacity: 1;

}

/* in_tit */

.in_tit {

  overflow: hidden;

  text-align: center;

  padding: 0 0 30px 0;

}

.in_tit span {

  font-size: 30px;

  color: #333;

}

.in_tit em {

  font-size: 18px;

  display: block;

  overflow: hidden;

  text-transform: uppercase;

  letter-spacing: 3px;

  padding: 10px 0 8px 0;

}

.in_tit p {

  display: inline-block;

  position: relative;

  color: #888;

}

.in_tit p:before,

.in_tit p:after {

  content: "";

  width: 34px;

  height: 2px;

  background: #00256C;

  position: absolute;

  top: 50%;

  margin-top: -1px;

}

.in_tit p:before {

  left: -54px;

}

.in_tit p:after {

  right: -54px;

}

/* in_box */

.in_box {

  width: 100%;

  overflow: hidden;

  padding: 50px 0;

}

/* in_bj */

.in_bj {

  background: #f5f5f5;

}

/* in_news */

.in_news .tit {

  height: 56px;

  line-height: 60px;

  overflow: hidden;

  border-bottom: 1px dotted #cacaca;

  padding: 0 20px;

}

.in_news .tit span {

  font-size: 16px;

  float: left;

  margin-left: 40px;

  font-weight: bold;

}

.in_news .tit span:first-child {

  margin-left: 0px;

}

.in_news .tit span.on {

  color: #00256C;

}

.in_news .tit a {

  color: #999999;

  text-transform: uppercase;

  float: right;

}

.in_news .tit a:hover {

  color: #00256C;

}

.in_news .boxsm {

  background: #fafafa;

  float: right;

  overflow: hidden;

  width: 300px;

  box-shadow: 0 0 15px #eee;

}

.in_news .boxsm .gund {

  height: 420px;

  overflow: hidden;

}

.in_news .boxsm .gund li {

  border-bottom: 1px dotted #d2d2d2;

  overflow: hidden;

  padding: 25px 20px;

}

.in_news .boxsm .gund li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  background: url(../images/icon_askw.png) left top no-repeat;

  height: 27px;

  line-height: 22px;

  padding-left: 30px;

  margin-bottom: 10px;

}

.in_news .boxsm .gund li .bt:hover {

  color: #00256C;

}

.in_news .boxsm .gund li p {

  background: url(../images/icon_askd.png) left top no-repeat;

  color: #999999;

  line-height: 22px;

  padding: 0 0 0 30px;

  height: 40px;

  display: block;

  overflow: hidden;

}

.in_news .boxbig {

  width: 880px;

  background: #fafafa;

  float: left;

  overflow: hidden;

  box-shadow: 0 0 15px #eee;

}

.in_news .boxbig .tit {

  padding: 0 30px;

}

.in_news .boxbig .tit span {

  cursor: pointer;

}

.in_news .boxbig dl {

  height: 360px;

  overflow: hidden;

  padding: 30px 10px;

}

.in_news .boxbig dl dt {

  height: 170px;

  position: relative;

  overflow: hidden;

  padding: 0 20px 10px 20px;

}

.in_news .boxbig dl dt .pic {

  display: block;

  overflow: hidden;

  float: left;

  margin-right: 20px;

}

.in_news .boxbig dl dt .pic img {

  width: auto;

  height: 170px;

  transition: all 0.7s;

}

.in_news .boxbig dl dt .pic img:hover {

  transform: scale(1.1);

}

.in_news .boxbig dl dt .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 16px;

  font-weight: bold;

  line-height: 20px;

}

.in_news .boxbig dl dt p {

  display: block;

  overflow: hidden;

  height: 104px;

  line-height: 26px;

  margin: 15px 0 10px 0;

}

.in_news .boxbig dl dt .more {

  color: #999999;

  line-height: 20px;

  text-transform: uppercase;

}

.in_news .boxbig dl dt .more:hover {

  color: #00256C;

}

.in_news .boxbig dl dd {

  padding: 0 20px;

  width: 390px;

  float: left;

}

.in_news .boxbig dl dd a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  border-bottom: 1px dotted #ddd;

  line-height: 44px;

  position: relative;

  padding: 0 0 0 15px;

}

.in_news .boxbig dl dd a:before {

  position: absolute;

  left: 2px;

  top: 50%;

  content: "";

  margin-top: -3px;

  width: 0;

  height: 0;

  border-top: 3px solid transparent;

  border-left: 4px solid #00256C;

  border-bottom: 3px solid transparent;

}

/* in_about */

.in_about {

  background: url(../images/bj_inabout.jpg) center top no-repeat;

  margin-bottom: -125px;

  position: relative;

  z-index: 1;

}

.in_about .in_tit {

  background: rgba(255, 255, 255, 0.5);

  max-width: 400px;

  margin: 0 auto;

  padding: 30px;

  margin-bottom: 30px;

  box-shadow: 0 0 20px #ddd;

}

.in_about .container {

  background: #fff;

  padding: 50px 0;

  overflow: hidden;

  box-shadow: 0 0 20px #ddd;

}

.in_about .video {

  float: left;

  margin-left: 50px;

  background: #000;

}

.in_about .video video {

  width: 450px;

  height: 320px;

  float: left;

}

.in_about .video video::-internal-media-controls-download-button {

  display: none;

}

.in_about .video video::-webkit-media-controls-enclosure {

  overflow: hidden;

}

.in_about .video video::-webkit-media-controls-panel {

  width: calc(107%);

}

.in_about .box {

  margin-right: 50px;

  background: #fafafa;

  overflow: hidden;

  width: 580px;

  height: 320px;

  padding: 0 35px;

  float: right;

  line-height: 2;

  color: #888;

}

.in_about .box .info {

  height: 228px;

  overflow: hidden;

  margin: 25px 0 10px 0;

  text-align: justify;

}

.in_about .box strong {

  color: #00256C;

  font-size: 16px;

}

.in_about .box .more {

  float: left;

  display: block;

  overflow: hidden;

  color: #333333;

  text-transform: uppercase;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}

.in_about .box .more .iconfont {

  font-size: 18px;

  margin-right: 5px;

}

.in_about .box .more:hover {

  color: #00256C;

}

/* in_gsry */

.in_gsry .tab {

  overflow: hidden;

  text-align: center;

  padding: 0 0 25px 0;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  position: relative;

  z-index: 2;

}

.in_gsry .tab ul li {

  float: left;

}

.in_gsry .tab ul li a {

  display: block;

  overflow: hidden;

  line-height: 44px;

  background: #ecebe8;

  font-size: 16px;

  padding: 0 30px;

}

.in_gsry .tab ul li.on a {

  background: #333333;

  color: #fff;

}

.in_gsry .xun ul {

  overflow: hidden;

  margin: 0 -16px;

}

.in_gsry .xun ul li {

  width: 275px;

  float: left;

  overflow: hidden;

  background: #fff;

  margin: 0 16px;

}

.in_gsry .xun ul li .pic {

  display: block;

  overflow: hidden;

}

.in_gsry .xun ul li .pic img {

  width: 100%;

  height: 215px;

  transition: all 0.7s;

}

.in_gsry .xun ul li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  text-align: center;

  line-height: 40px;

}

.in_gsry .xun ul li:hover .pic img {

  transform: scale(1.1);

}

.in_gsry .xun ul li:hover .bt {

  background: #00256C;

  color: #fff;

}

.in_gsry .but {

  overflow: hidden;

  text-align: center;

  padding: 30px 0 0 0;

  font-size: 16px;

  line-height: 44px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

}

.in_gsry .but a {

  background: #333333;

  color: #fff;

  padding: 0 35px;

}

.in_gsry .but a:hover {

  background: #00256C;

}

.in_gsry .but span {

  padding: 0 25px;

  background: #00256C;

  color: #fff;

  margin-left: 10px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

}

.in_gsry .but i {

  font-size: 24px;

  margin-right: 10px;

}

/* in_heng */

.in_heng {

  width: 100%;

  overflow: hidden;

  background: url(../images/bj_incont.jpg) center top no-repeat;

  height: 216px;

  color: #fff;

}

.in_heng .left {

  float: left;

  font-size: 24px;

  line-height: 2;

  padding: 40px 0 0 0;

  letter-spacing: 2px;

}

.in_heng .left .bt {

  font-size: 36px;

}

.in_heng .left span {

  color: #00256C;

}

.in_heng .right {

  float: right;

  text-align: right;

  padding: 40px 0 0 0;

}

.in_heng .right .tel {

  font-size: 30px;

  padding: 15px 0 20px 0;

  text-shadow: 0 0 1px #000;

}

.in_heng .right a {

  background: #333333;

  color: #fff;

  display: block;

  overflow: hidden;

  width: 100px;

  line-height: 40px;

  text-align: center;

  float: right;

}

.in_heng .right a:hover {

  background: #fff;

  color: #333333;

}

/* in_sida */

.in_sida {

  width: 100%;

  overflow: hidden;

  padding: 50px 0 20px 0;

}

.in_sida dl {

  margin-top: 20px;

  overflow: hidden;

}

.in_sida dl dt {

  float: right;

  width: 555px;

  margin-top: 20px;

}

.in_sida dl dt img {

  width: 100%;

  height: auto;

}

.in_sida dl dd {

  float: left;

  width: 550px;

  position: relative;

  padding: 0 0 0 65px;

}

.in_sida dl dd .xh {

  position: absolute;

  left: 0px;

  top: 0px;

  background: #00256C;

  color: #fff;

  width: 50px;

  height: 75px;

  font-size: 32px;

  text-align: center;

  overflow: hidden;

}

.in_sida dl dd .xh i {

  font-family: 'deckerregular';

  line-height: 58px;

  display: inline-block;

}

.in_sida dl dd .xh .one {

  margin-left: 5px;

}

.in_sida dl dd .xh:before {

  content: "";

  position: absolute;

  left: 8px;

  right: 8px;

  height: 2px;

  background: #fff;

  top: 58px;

}

.in_sida dl dd .bt {

  overflow: hidden;

}

.in_sida dl dd .bt strong {

  display: block;

  overflow: hidden;

  color: #333;

  font-size: 26px;

  line-height: 30px;

  padding: 0 0 14px 0;

  border-bottom: 2px dotted #ccc;

  color: #00256C;

}

.in_sida dl dd .bt em {

  display: block;

  overflow: hidden;

  text-transform: uppercase;

  color: #999;

  padding-top: 10px;

  font-size: 16px;

}

.in_sida dl dd .info {

  line-height: 30px;

  padding-left: 32px;

  margin-top: 15px;

  background: url(../images/icon_ye.gif) no-repeat left 6px;

  margin-bottom: 30px;

  text-align: justify;

}

.in_sida dl dd .info span {

  color: #333333;

  font-weight: bold;

}

.in_sida dl:first-child dt {

  float: left;

  margin-top: 0;

}

.in_sida dl:first-child dd {

  float: right;

}

/* in_pro */

.in_pro {

  width: 100%;

  overflow: hidden;

  padding: 40px 0 50px 0;

  background: url(../images/bj_inpro.png) center top repeat;

}

.in_pro .cate {

  float: left;

  width: 240px;

  background: #fff;

  box-shadow: 0 0 20px #ddd;

}

.in_pro .cate .tit {

  display: block;

  overflow: hidden;

  text-align: center;

  color: #fff;

  padding: 20px 0;

  background: -webkit-linear-gradient(bottom, #00256C, #0441B7);

  background: -moz-linear-gradient(bottom, #00256C, #0441B7);

  background: -o-linear-gradient(bottom, #00256C, #0441B7);

  background: linear-gradient(bottom, #00256C, #0441B7);

}

.in_pro .cate .tit span {

  display: block;

  overflow: hidden;

  font-size: 24px;

  padding: 0 0 5px 0;

}

.in_pro .cate .tit em {

  text-transform: uppercase;

  font-family: 'deckerregular';

  font-size: 12px;

}

.in_pro .cate ul li > a {

  display: block;

  overflow: hidden;

  line-height: 59px;

  padding: 0 0 0 25px;

  background: -webkit-linear-gradient(right, #fff, #f5f5f5);

  background: -moz-linear-gradient(right, #fff, #f5f5f5);

  background: -o-linear-gradient(right, #fff, #f5f5f5);

  background: linear-gradient(right, #fff, #f5f5f5);

  border-bottom: 1px dotted #ddd;

}

.in_pro .cate ul li:hover > a,

.in_pro .cate ul li.on > a {

  background: rgba(0, 37, 108, 0.8);

  color: #fff;

}

.in_pro .cate .tel {

  height: 109px;

  overflow: hidden;

  padding: 5px 25px;

}

.in_pro .cate .tel li {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  padding: 10px 0 0 0;

  line-height: 1;

  color: #888;

  font-size: 13px;

}

.in_pro .cate .tel li .iconfont {

  font-size: 40px;

  margin-right: 5px;

  color: #00256C;

}

.in_pro .cate .tel li em {

  display: block;

  overflow: hidden;

  color: #00256C;

  font-size: 18px;

  padding: 5px 0 0 0;

}

.in_pro .box {

  float: right;

  width: 930px;

}

.in_pro .box .tab {

  height: 44px;

  line-height: 44px;

  background: -webkit-linear-gradient(bottom, #fff, #eee);

  background: -moz-linear-gradient(bottom, #fff, #eee);

  background: -o-linear-gradient(bottom, #fff, #eee);

  background: linear-gradient(bottom, #fff, #eee);

  border: 1px solid #eee;

  border-top: 0;

  position: relative;

  margin-bottom: 15px;

}

.in_pro .box .tab li {

  float: left;

  margin-right: 5px;

}

.in_pro .box .tab li a:first-child {

  background: -webkit-linear-gradient(bottom, #fff, #ccc);

  background: -moz-linear-gradient(bottom, #fff, #ccc);

  background: -o-linear-gradient(bottom, #fff, #ccc);

  background: linear-gradient(bottom, #fff, #ccc);

  display: block;

  overflow: hidden;

  padding: 0 25px;

  font-size: 16px;

}

.in_pro .box .tab li .more {

  position: absolute;

  right: 10px;

  top: 0px;

  text-transform: uppercase;

  color: #888;

  font-size: 12px;

}

.in_pro .box .tab li .more:hover {

  color: #00256C;

}

.in_pro .box .tab li.on a:first-child {

  background: -webkit-linear-gradient(bottom, #00256C, #0441B7);

  background: -moz-linear-gradient(bottom, #00256C, #0441B7);

  background: -o-linear-gradient(bottom, #00256C, #0441B7);

  background: linear-gradient(bottom, #00256C, #0441B7);

  color: #fff;

}

.in_pro .box .xun ul {

  margin: -10px;

  overflow: hidden;

}

.in_pro .box .xun ul li {

  float: left;

  width: 296px;

  margin: 10px;

  box-shadow: 0 0 1px #ccc;

  text-align: center;

  background: -webkit-linear-gradient(top, #fff, #eee);

  background: -moz-linear-gradient(top, #fff, #eee);

  background: -o-linear-gradient(top, #fff, #eee);

  background: linear-gradient(top, #fff, #eee);

}

.in_pro .box .xun ul li .pic {

  display: block;

  overflow: hidden;

  background: #fff;

}

.in_pro .box .xun ul li .pic img {

  width: 100%;

  height: 218px;

  transition: all 0.7s;

}

.in_pro .box .xun ul li .pic img:hover {

  transform: scale(1.1);

}

.in_pro .box .xun ul li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-top: 15px;

}

.in_pro .box .xun ul li .cs {

  padding: 10px 0 15px 0;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

}

.in_pro .box .xun ul li .cs a {

  display: block;

  overflow: hidden;

  font-size: 12px;

  margin: 0 15px;

  background: -webkit-linear-gradient(bottom, #00256C, #0441B7);

  background: -moz-linear-gradient(bottom, #00256C, #0441B7);

  background: -o-linear-gradient(bottom, #00256C, #0441B7);

  background: linear-gradient(bottom, #00256C, #0441B7);

  color: #fff;

  line-height: 30px;

  padding: 0 15px;

}

.in_pro .box .xun ul li .cs a:last-child {

  background: -webkit-linear-gradient(bottom, #00256C, #f37f5d);

  background: -moz-linear-gradient(bottom, #00256C, #f37f5d);

  background: -o-linear-gradient(bottom, #00256C, #f37f5d);

  background: linear-gradient(bottom, #00256C, #f37f5d);

}

.in_pro .box .xun ul li .cs a:hover {

  opacity: 0.8;

}

/* in_link */

.in_link {

  overflow: hidden;

  width: 100%;

  padding: 20px 0 0 0;

}

.in_link .tit {

  overflow: hidden;

  color: #fff;

  font-size: 16px;

  float: left;

  background: #00256C;

  padding: 5px 20px;

}

.in_link .tit span {

  font-size: 18px;

  padding: 0 5px 0 0;

}

.in_link .tit em {

  color: #00256C;

  text-transform: uppercase;

}

.in_link ul {

  width: 100%;

  overflow: hidden;

  background: #fafafa;

  padding: 10px;

}

.in_link ul li {

  padding: 0 10px;

  float: left;

  line-height: 24px;

}

.in_link ul li a {

  display: block;

  overflow: hidden;

  color: #888;

}

.in_link ul li a:hover {

  color: #00256C;

}

/* all */

.main {

  width: 100%;

  padding: 5px 0 30px 0;

  overflow: hidden;

}

.main .fl {

  float: left;

}

.main .fr {

  float: right;

}

.main .main_big {

  width: 910px;

  overflow: hidden;

}

.main .main_small {

  width: 260px;

  overflow: hidden;

}

.main .main_da {

  width: 940px;

  overflow: hidden;

}

.main .main_xiao {

  width: 230px;

  overflow: hidden;

}

.main .main_pd {

  padding: 20px;

  overflow: hidden;

  line-height: 2;

}

.main .main_bor {

  border: 1px solid #efefef;

  overflow: hidden;

  margin-top: 10px;

}

.main .main_bor .btit {

  text-align: center;

  overflow: hidden;

  line-height: 50px;

  color: #fff;

  background: -webkit-linear-gradient(bottom, #00256C, #0441B7);

  background: -moz-linear-gradient(bottom, #00256C, #0441B7);

  background: -o-linear-gradient(bottom, #00256C, #0441B7);

  background: linear-gradient(bottom, #00256C, #0441B7);

  font-size: 18px;

}

.main .main_bort {

  border-top: 2px solid rgba(0, 37, 108, 0.7);

}

.main .main_bort .ktit {

  background: -webkit-linear-gradient(bottom, #f5f5f5, #eee);

  background: -moz-linear-gradient(bottom, #f5f5f5, #eee);

  background: -o-linear-gradient(bottom, #f5f5f5, #eee);

  background: linear-gradient(bottom, #f5f5f5, #eee);

  line-height: 44px;

  padding: 0 20px;

  font-weight: bold;

  color: #00256C;

  overflow: hidden;

  box-shadow: 0 0 2px #eee;

}

.main .main_bort .ktit .fr {

  color: #888;

}

.main .main_bort .ktit .fr em {

  color: #00256C;

}

.main .position {

  overflow: hidden;

  border: 1px solid #efefef;

  border-left: 3px solid #00256C;

  padding: 8px 0 8px 10px;

  background: #fafafa;

}

.main .position a:hover {

  color: #00256C;

}

.main .contbox {

  background: url(../images/contleft.jpg) center top no-repeat;

  padding: 105px 15px 5px 15px;

  overflow: hidden;

}

.main .contbox dt {

  color: #00256C;

  font-weight: bold;

  padding: 0 0 8px 0;

}

.main .contbox dd {

  border-top: 1px dotted #ddd;

  padding: 8px 0 8px 65px;

  position: relative;

  overflow: hidden;

  font-size: 12px;

  line-height: 1.5;

}

.main .contbox dd span {

  position: absolute;

  left: 0px;

  top: 8px;

  width: 65px;

}

.main .procate li > a {

  display: block;

  overflow: hidden;

  line-height: 44px;

  padding: 0 0 0 25px;

  background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);

  background: -moz-linear-gradient(right, #fafafa, #f0f0f0);

  background: -o-linear-gradient(right, #fafafa, #f0f0f0);

  background: linear-gradient(right, #fafafa, #f0f0f0);

  border-bottom: 1px dotted #ddd;

}

.main .procate li > a:hover {

  color: #fff;

  background: rgba(0, 37, 108, 0.8);

}

.main .procate li.on > a {

  color: #fff;

  background: rgba(0, 37, 108, 0.8);

}

/* cateinfo */

.cateinfo {

  text-indent: 2em;

  overflow: hidden;

  line-height: 1.8;

  border-bottom: 1px dashed #ddd;

  padding: 0 0 10px 0;

  margin-bottom: 15px;

}

.cateinfo img {

  display: block;

}

/* prolist */

.prolist {

  overflow: hidden;

  margin: -10px;

}

.prolist li {

  float: left;

  width: 276px;

  padding: 10px;

  text-align: center;

}

.prolist li .pic {

  display: block;

  overflow: hidden;

  border: 1px solid #eee;

}

.prolist li .pic img {

  width: 100%;

  height: 205px;

  transition: all 0.7s;

}

.prolist li .pic:hover {

  border: 1px solid #00256C;

}

.prolist li .pic:hover img {

  transform: scale(1.1);

}

.prolist li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 36px;

  line-height: 36px;

}

.prolist li .bt:hover {

  color: #00256C;

}

.prolist li .more {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  overflow: hidden;

}

.prolist li .more a {

  display: block;

  overflow: hidden;

  margin: 0 10px;

  background: rgba(0, 37, 108, 0.8);

  color: #fff;

  width: 80px;

  line-height: 26px;

  font-size: 12px;

  text-transform: uppercase;

  border-radius: 2px;

}

.prolist li .more a:hover {

  opacity: 0.8;

}

.prolist li .more a:last-child {

  background: #00256C;

}

.prolist li .info {

  color: #888;

  font-size: 12px;

  max-height: 60px;

  line-height: 20px;

  overflow: hidden;

  padding: 0 10px;

  margin-top: -4px;

}

/* proindex */

.proindex {

  padding-top: 0;

}

.proindex .prolist li {

  width: 274px;

}

.proindex .prolist li .pic img {

  height: 204px;

}

/* pronewstj */

.pronewstj {

  padding: 15px 0;

  overflow: hidden;

}

.pronewstj li {

  float: left;

  width: 414px;

  line-height: 30px;

  font-size: 12px;

  margin: 0 20px;

}

.pronewstj li span {

  float: right;

  color: #888;

}

.pronewstj li a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  position: relative;

  padding: 0 0 0 10px;

}

.pronewstj li a:before {

  content: '';

  position: absolute;

  left: 0px;

  top: 50%;

  width: 0;

  height: 0;

  margin-top: -3px;

  border-top: 3px solid transparent;

  border-left: 4px solid #00256C;

  border-bottom: 3px solid transparent;

}

/* proview */

.proview {

  padding: 20px;

  overflow: hidden;

}

.proview .ban {

  width: 400px;

  float: left;

}

.proview .ban .big {

  border: 1px solid #d4d4d4;

  overflow: hidden;

}

.proview .ban .big .swiper-slide {

  cursor: pointer;

}

.proview .ban .big img {

  width: 100%;

  height: 298px;

  cursor: pointer;

}

.proview .ban .big .iconfont {

  position: absolute;

  right: 10px;

  bottom: 10px;

  font-size: 24px;

  opacity: 0.2;

}

.proview .ban .big .iconfont:hover {

  opacity: 0.5;

  color: #00256C;

}

.proview .ban .small {

  margin: 10px 0 15px 0;

  overflow: hidden;

  position: relative;

  padding: 0 25px;

}

.proview .ban .small .swiper-slide {

  cursor: pointer;

}

.proview .ban .small .swiper-slide img {

  width: 75px;

  height: 57px;

  padding: 2px;

  border: 1px solid #d4d4d4;

}

.proview .ban .small .active-nav img {

  border: 1px solid #00256C;

}

.proview .ban .small .arrow-left,

.proview .ban .small .arrow-right {

  position: absolute;

  top: 50%;

  z-index: 10;

  width: 20px;

  height: 40px;

  line-height: 40px;

  margin-top: -20px;

  font-size: 18px;

  text-align: center;

  cursor: pointer;

  outline: 0;

  z-index: 5;

}

.proview .ban .small .arrow-left {

  left: 0px;

}

.proview .ban .small .arrow-right {

  right: 0px;

}

.proview .ban .more {

  color: #00256C;

  overflow: hidden;

}

.proview .ban .more i {

  margin-right: 5px;

}

.proview .ban .more:hover {

  color: #00256C;

}

.proview .box {

  width: 440px;

  float: right;

  line-height: 2;

}

.proview .box .bt {

  border-bottom: 1px dashed #ddd;

  font-size: 18px;

  color: #00256C;

  padding: 0 0 10px 0;

  font-weight: bold;

  margin-bottom: 12px;

  line-height: 1.5;

}

.proview .box strong {

  color: #00256C;

  font-size: 24px;

}

.proview .box .bdsharebuttonbox {

  padding: 5px 0 15px 0;

  overflow: hidden;

}

.proview .box .but {

  background: -webkit-linear-gradient(bottom, #00256C, #00256C);

  background: -moz-linear-gradient(bottom, #00256C, #00256C);

  background: -o-linear-gradient(bottom, #00256C, #00256C);

  background: linear-gradient(bottom, #00256C, #00256C);

  box-shadow: 0 0 1px #ffff00;

  border-radius: 3px;

  color: #fff;

  display: block;

  overflow: hidden;

  width: 120px;

  line-height: 40px;

  text-align: center;

}

.proview .box .but:hover {

  background: -webkit-linear-gradient(right, #00256C, #00256C);

  background: -moz-linear-gradient(right, #00256C, #00256C);

  background: -o-linear-gradient(right, #00256C, #00256C);

  background: linear-gradient(right, #00256C, #00256C);

}

.proview .stit {

  border-bottom: 2px solid #00256C;

  overflow: hidden;

  margin-top: 20px;

}

.proview .stit span {

  display: block;

  overflow: hidden;

  padding: 0 15px;

  color: #fff;

  line-height: 32px;

  background: #00256C;

  font-weight: bold;

  float: left;

  border-radius: 3px 3px 0 0;

}

.proview .body {

  padding: 20px 15px 25px 15px;

  line-height: 1.8;

  overflow: hidden;

}

.proview .body img {

  max-width: 100%;

  height: auto;

}

.proview .body p {

  padding: 5px 0;

}

.proview .key {

  border-top: 1px dashed #ddd;

  overflow: hidden;

  font-size: 12px;

  padding: 10px 0 0 0;

  line-height: 1.8;

}

.proview .key li {

  float: left;

  margin-right: 10px;

}

.proview .key li a {

  color: #888;

}

.proview .key li a:hover {

  color: #00256C;

}

/* messdd */

.messdd {

  padding: 20px;

  overflow: hidden;

}

.messdd li {

  float: left;

  width: 174px;

  overflow: hidden;

  position: relative;

  padding: 0 0 0 115px;

}

.messdd li label {

  position: absolute;

  left: 0px;

  top: 0px;

  line-height: 42px;

  width: 110px;

  text-align: right;

}

.messdd li label i {

  color: #00256C;

  margin-right: 2px;

}

.messdd li input[type='text'] {

  border: 1px solid #eee;

  width: 152px;

  height: 40px;

  float: left;

  padding: 0 10px;

}

.messdd li textarea {

  border: 1px solid #eee;

  width: 730px;

  height: 80px;

  float: left;

  padding: 10px;

}

.messdd li input[type='submit'] {

  border: 0;

  width: 100px;

  height: 36px;

  float: left;

  padding: 0 10px;

  background: #00256C;

  color: #fff;

  cursor: pointer;

  transition: all 0.7s;

}

.messdd li input[type='submit']:hover {

  opacity: 0.8;

}

.messdd li input[type='reset'] {

  border: 0;

  width: 100px;

  height: 36px;

  float: left;

  margin-left: 20px;

  background: #00256C;

  color: #fff;

  cursor: pointer;

  transition: all 0.7s;

}

.messdd li input[type='reset']:hover {

  opacity: 0.8;

}

.messdd li .ms {

  padding: 5px 0 0 0;

  overflow: hidden;

  float: left;

  font-size: 12px;

  color: #888;

}

.messdd li .ms span {

  color: #00256C;

}

.messdd li .code {

  float: left;

  margin-left: 5px;

  height: 42px;

  width: auto;

}

.messdd li.all {

  width: 752px;

  margin-top: 15px;

}

/* tan_pic */

.tan_pic {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background: rgba(0, 0, 0, 0.7);

  z-index: 9999;

  padding: 50px;

}

.tan_pic .box {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

}

.tan_pic .box img {

  max-height: 100%;

  max-width: 100%;

}

.tan_pic .close {

  width: 36px;

  height: 36px;

  position: absolute;

  right: 0px;

  top: 0px;

  background: #fff;

  cursor: pointer;

  box-shadow: 0 0 5px #ccc;

  transition: all 0.7s;

}

.tan_pic .close:before,

.tan_pic .close:after {

  width: 18px;

  height: 1px;

  background: #666;

  position: absolute;

  left: 9px;

  top: 17px;

  content: "";

  transform: rotate(45deg);

  transition: all 0.7s;

}

.tan_pic .close:before {

  transform: rotate(45deg);

}

.tan_pic .close:after {

  transform: rotate(-45deg);

}

.tan_pic .close:hover {

  background: #00256C;

}

.tan_pic .close:hover:before,

.tan_pic .close:hover:after {

  background: #fff;

}

.tan_pic .close:hover:before {

  transform: rotate(315deg);

}

.tan_pic .close:hover:after {

  transform: rotate(225deg);

}

/* rxrxun */

.rxrxun {

  padding: 20px;

  overflow: hidden;

}

.rxrxun li {

  margin-top: 15px;

  overflow: hidden;

  border: 1px solid #eee;

}

.rxrxun li .pic {

  display: block;

  overflow: hidden;

}

.rxrxun li .pic img {

  width: 100%;

  height: 162px;

  transition: all 0.7s;

}

.rxrxun li .pic img:hover {

  transform: scale(1.1);

}

.rxrxun li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 30px;

  line-height: 30px;

  background: #f5f5f5;

  text-align: center;

  padding: 0 10px;

  font-size: 12px;

}

.rxrxun li .bt:hover {

  background: rgba(0, 37, 108, 0.7);

  color: #fff;

}

.rxrxun li:first-child {

  margin-top: 0;

}

/* pagebody */

.pagebody p {

  padding: 5px 0;

}

.pagebody .pic {

  overflow: hidden;

  text-align: center;

}

.pagebody .pic img {

  max-width: 100%;

  height: auto;

}

/* pagebt */

.pagebt {

  text-align: center;

  overflow: hidden;

  font-size: 20px;

  color: #333;

  border-bottom: 1px dashed #ddd;

  padding: 0 0 15px 0;

  margin-bottom: 10px;

  color: #00256C;

  line-height: 1.5;

}

/* pagecs */

.pagecs {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  overflow: hidden;

  color: #888;

  font-size: 12px;

  padding: 5px 0 15px 0;

  line-height: 1.1;

}

.pagecs li {

  padding: 0 10px;

}

/* botsxp */

.botsxp {

  overflow: hidden;

  width: 100%;

  line-height: 24px;

  font-size: 12px;

  background: #f5f5f5;

  margin: 15px 0 0 0;

  border-radius: 5px;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-align-items: center;

  align-items: center;

}

.botsxp .fl {

  padding: 10px;

  width: 600px;

  overflow: hidden;

}

.botsxp .fl p {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.botsxp .fr {

  padding: 10px;

}

/* botkey */

.botkey {

  border-top: 1px dashed #ddd;

  overflow: hidden;

  padding: 10px 0 0 0;

  margin-top: 15px;

  font-size: 12px;

}

.botkey .fl a {

  margin-right: 10px;

}

.botkey .fl a:last-child {

  margin-right: 0;

}

/* piclist */

.piclist {

  overflow: hidden;

  margin: -10px;

}

.piclist li {

  float: left;

  width: 284px;

  margin: 10px;

  overflow: hidden;

  border: 1px solid #eee;

}

.piclist li .pic {

  display: block;

  overflow: hidden;

  cursor: pointer;

}

.piclist li .pic img {

  width: 100%;

  height: 225px;

  transition: all 0.7s;

}

.piclist li .pic img:hover {

  transform: scale(1.1);

}

.piclist li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 36px;

  line-height: 36px;

  background: #f5f5f5;

  text-align: center;

  padding: 0 10px;

  font-size: 12px;

}

.piclist li .bt:hover {

  background: rgba(0, 37, 108, 0.7);

  color: #fff;

}

/* contact */

.contact {

  padding: 0 0 20px 0;

  overflow: hidden;

  background: url(../images/contact.jpg) right center no-repeat;

  margin: 0 20px;

}

.contact ul li {

  border-top: 1px dashed #eee;

  padding: 15px 0;

  overflow: hidden;

  line-height: 32px;

  font-size: 16px;

  width: 400px;

}

.contact ul li i {

  font-size: 32px;

  display: block;

  overflow: hidden;

  float: left;

  margin-right: 10px;

  color: #00256C;

}

.contact ul li:first-child {

  border-top: 0;

}

/* mess */

.mess {

  overflow: hidden;

}

.mess .tit {

  font-size: 16px;

  color: #00256C;

  overflow: hidden;

  line-height: 40px;

  padding: 0 20px;

  margin-bottom: 20px;

  background: #f5f5f5;

}

.mess ul li {

  overflow: hidden;

  position: relative;

  padding: 0 0 0 115px;

  margin-top: 15px;

}

.mess ul li label {

  position: absolute;

  left: 0px;

  top: 0px;

  line-height: 42px;

  width: 110px;

  text-align: right;

}

.mess ul li label i {

  color: #00256C;

  margin-right: 2px;

}

.mess ul li input[type='text'] {

  border: 1px solid #eee;

  width: 250px;

  height: 40px;

  float: left;

  padding: 0 10px;

}

.mess ul li #messdd_code {

  width: 115px;

}

.mess ul li textarea {

  border: 1px solid #eee;

  width: 730px;

  height: 100px;

  float: left;

  padding: 10px;

}

.mess ul li input[type='submit'] {

  border: 0;

  width: 100px;

  height: 36px;

  float: left;

  padding: 0 10px;

  background: #00256C;

  color: #fff;

  cursor: pointer;

  transition: all 0.7s;

}

.mess ul li input[type='submit']:hover {

  opacity: 0.8;

}

.mess ul li input[type='reset'] {

  border: 0;

  width: 100px;

  height: 36px;

  float: left;

  margin-left: 20px;

  background: #00256C;

  color: #fff;

  cursor: pointer;

  transition: all 0.7s;

}

.mess ul li input[type='reset']:hover {

  opacity: 0.8;

}

.mess ul li .ms {

  padding: 5px 0 0 0;

  overflow: hidden;

  float: left;

  font-size: 12px;

  color: #888;

}

.mess ul li .ms span {

  color: #00256C;

}

.mess ul li .code {

  height: 42px;

  margin-left: 10px;

  float: left;

  width: auto;

}

.mess ul li.all {

  width: 752px;

  margin-top: 15px;

}

/* mapindex */

.mapindex {

  padding: 10px 20px;

  overflow: hidden;

  border: 3px solid #ddd;

  margin-top: 20px;

}

.mapindex ul {

  overflow: hidden;

}

.mapindex ul li {

  padding: 10px 0;

  overflow: hidden;

}

.mapindex ul li > a {

  border-left: 2px solid #00256C;

  padding: 8px 11px;

  display: block;

  overflow: hidden;

  color: #00256C;

  font-size: 18px;

  background: #f5f5f5;

}

.mapindex ul li .sub {

  overflow: hidden;

  padding: 10px 0 0 0;

}

.mapindex ul li .sub a {

  display: block;

  overflow: hidden;

  float: left;

  width: 198px;

  padding: 5px 0 5px 30px;

  background: url(../images/icon_procate.gif) 16px 9px no-repeat;

}

.mapindex ul li .sub a:nth-child(5n+1) {

  clear: both;

}

.mapindex ul li:last-child {

  border-bottom: 0;

}

/* newslist */

.newslist li {

  background: #f5f5f5;

  margin-top: 10px;

  overflow: hidden;

  position: relative;

  padding: 20px 130px 20px 115px;

}

.newslist li .date {

  position: absolute;

  left: 20px;

  top: 20px;

  bottom: 20px;

  background: rgba(255, 255, 255, 0.5);

  width: 76px;

  text-align: center;

  line-height: 1.7;

}

.newslist li .date em {

  display: block;

  overflow: hidden;

  font-weight: bold;

  padding: 7px 0 0 0;

  font-size: 20px;

}

.newslist li .more {

  position: absolute;

  top: 50%;

  right: 20px;

  width: 90px;

  line-height: 36px;

  margin-top: -15px;

  text-align: center;

  color: #fff;

  background: rgba(0, 37, 108, 0.8);

}

.newslist li .more:hover {

  background: #00256C;

}

.newslist li .bt {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: bold;

  font-size: 16px;

}

.newslist li p {

  display: block;

  overflow: hidden;

  line-height: 22px;

  height: 44px;

}

.newslist li:first-child {

  margin-top: 0;

}

.newslist li:nth-child(even) {

  background: rgba(0, 37, 108, 0.1);

}

/* hotzxxun */

.hotzxxun {

  overflow: hidden;

  padding: 8px 10px;

}

.hotzxxun li {

  line-height: 26px;

  overflow: hidden;

  position: relative;

  font-size: 12px;

}

.hotzxxun li a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 0 0 0 25px;

}

.hotzxxun li i {

  position: absolute;

  left: 0px;

  top: 3px;

  width: 20px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  background: #999;

  color: #fff;

  transform: scale(0.8);

}

.hotzxxun li:nth-child(1) i,

.hotzxxun li:nth-child(2) i,

.hotzxxun li:nth-child(3) i {

  background: #00256C;

}

/* searlist */

.searlist {

  overflow: hidden;

  margin: -15px;

}

.searlist li {

  padding: 15px;

  overflow: hidden;

  border-bottom: 1px dashed #ddd;

  transition: all 0.7s;

}

.searlist li .bt {

  overflow: hidden;

}

.searlist li .bt span {

  float: right;

  padding: 0 0 0 10px;

  font-size: 12px;

  color: #888;

}

.searlist li .bt a {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: bold;

}

.searlist li p {

  display: block;

  overflow: hidden;

  color: #888;

  line-height: 1.8;

  font-size: 12px;

  text-align: justify;

}

.searlist li .more {

  color: #fff;

  background: #00256C;

  display: block;

  overflow: hidden;

  line-height: 30px;

  width: 100px;

  text-align: center;

  margin-top: 5px;

}

.searlist li .more:hover {

  background: #00256C;

}

.searlist li:hover {

  background: #f5f5f5;

}

.searlist li:last-child {

  border-bottom: 0;

}

/* main_bort */

.main_bort .prolist li:nth-child(4) {

  display: none;

}

/* main_da */

.main_da .pronewstj li {

  width: 429px;

}

.main_da .prolist li:nth-child(4) {

  display: block;

}

.main_da .prolist li {

  width: 209px;

}

.main_da .prolist li .pic img {

  height: 155px;

}

/* main_xiao */

.main_xiao .rxrxun .pic img {

  height: 140px;

}





@media (max-width: 1440px) {

  /* in_case */

  .in_case .swiper-slide img {

    height: 260px;

  }

}

#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 5px 12px;

  margin: 0 2px;

  border-radius: 3px;

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #00256C;

  border: 1px solid #00256C;

}

.pagination a.page-num-current {

  color: #fff;

  background: #00256C;

  border: 1px solid #00256C;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}